<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人网站后台 ｜ 首页</title>
  <link rel="stylesheet" href="./css/style.css" type="text/css">
  <link rel="stylesheet" href="./css/blog-list.css">
</head>

<body>
  <header id="header"><a href="index.html">HEADER</a></header>
  <aside id="sidebar">
    <ul id="nav">
      <li class="nav-item nav-category">博客管理</li>
      <li class="nav-item">
        <a href="./blog-list.html" class="nav-link">
          <svg t="1659579065779" class="icon" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="4199" width="16" height="16">
            <path
              d="M849.1 128 174.9 128c-25.9 0-46.9 21-46.9 46.9l0 34.2c0 25.9 21 46.9 46.9 46.9l674.2 0c25.9 0 46.9-21 46.9-46.9l0-34.2C896 149 875 128 849.1 128z"
              p-id="4200" fill="#000000"></path>
            <path
              d="M849.1 768 174.9 768c-25.9 0-46.9 21-46.9 46.9l0 34.2c0 25.9 21 46.9 46.9 46.9l674.2 0c25.9 0 46.9-21 46.9-46.9l0-34.2C896 789 875 768 849.1 768z"
              p-id="4201" fill="#000000"></path>
            <path
              d="M849.1 448 174.9 448c-25.9 0-46.9 21-46.9 46.9l0 34.2c0 25.9 21 46.9 46.9 46.9l674.2 0c25.9 0 46.9-21 46.9-46.9l0-34.2C896 469 875 448 849.1 448z"
              p-id="4202" fill="#000000"></path>
          </svg>
          <span class="link-title">博客列表</span>
        </a>
      </li>
    </ul>
  </aside>
  <main id="main">
    <div class="card">
      <h6 class="card-title">博客列表</h6>
      <table class="table blog-list">
        <thead>
          <tr>
            <th>id</th>
            <th>主图</th>
            <th>标题</th>
            <th>摘要</th>
            <th>创建时间</th>
            <th style="width:150px;">操作</th>
          </tr>
        </thead>
        <tbody>
          <!-- <tr>
            <th>1</th>
            <td><img src="../images/blogs/blog1.png" alt=""></td>
            <td class="title">xxxxxxx</td>
            <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos voluptas consectetur recusandae est quia
              vel, qui quam delectus placeat, aliquid nam vitae, quidem illum asperiores accusamus perspiciatis aut!
              Provident, commodi.</td>
            <td>2022-7-3</td>
            <td>
              <button class="btn btn-primary edit">编辑</button>
              <button class="btn btn-danger delete">删除</button>
            </td>
          </tr> -->

        </tbody>
      </table>
      <div class="pagination-wrap">
        <ul class="pagination">
          <!-- <li class="paginate_button page-item previous disabled" id="dataTableExample_previous"><a href="#"
              aria-controls="dataTableExample" data-dt-idx="0" tabindex="0" class="page-link">Previous</a></li>
          <li class="paginate_button page-item active"><a href="#" aria-controls="dataTableExample" data-dt-idx="1"
              tabindex="0" class="page-link">1</a></li>
          <li class="paginate_button page-item "><a href="#" aria-controls="dataTableExample" data-dt-idx="2"
              tabindex="0" class="page-link">2</a></li>
          <li class="paginate_button page-item "><a href="#" aria-controls="dataTableExample" data-dt-idx="3"
              tabindex="0" class="page-link">3</a></li>
          <li class="paginate_button page-item next" id="dataTableExample_next"><a href="#"
              aria-controls="dataTableExample" data-dt-idx="4" tabindex="0" class="page-link">Next</a></li> -->
        </ul>
      </div>
    </div>
  </main>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script src="./js/main.js"></script>
  <script src="./js/blog-list.js"></script>
</body>

</html>